<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美食杰--QQ登录页</title>
    <link rel="stylesheet" href="/css/QQ_landing.css">
</head>
<body>
    <!-- 顶部 -->
    <div id="top">
        <header>
            <div id="top_1"></div>
            <div id="top_2">
                <div id="top_3"></div>
                <a href="#">QQ登陆</a> | 
                <a href="#">授权管理</a> | 
                <a href="#">申请接入</a>
            </div>
        </header>
    </div>

    <!-- 主体 -->
    <div id="nav">
        <div id="nav_1">
            <h1>快速安全登录</h1>
            <p>请使用<a href="#">QQ手机版</a>扫描二维码，<br>或点击头像授权登陆。</p>
            <div id="nav_1_1">接收二维码</div>
            <a href="#" id="a_1">接收QQ头像</a>
            <ul>
                <a href="#">账号密码登陆</a>&nbsp | &nbsp
                <a href="#">注册新账号</a>&nbsp | &nbsp
                <a href="#">意见反馈</a>
            </ul>
        </div>
        <div id="nav_2">
            <p><a href="#">美食杰-家常菜谱大全</a>将获得以下权限：</p>   
            <p><input type="checkbox" id=""> &nbsp全选</p>   
            <p><input type="checkbox" disabled="disabled" > &nbsp获得您的昵称、头像、性别</p>

            <div id="nav_2_1">授权后表明你已同意<a href="#">QQ登陆服务协议</a></div>

        </div>
    </div>
</body>
</html>